<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>whpuDemoSecond</title>
    <meta name="keywords" content="武汉轻工大学">
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./styles/reset.css">
    <link rel="stylesheet" href="./styles/index.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <header style="z-index: 999;">
        <div class="container">
            <div class="row">
                <div class="col-xs-10 col-sm-3">
                    <ul class="list-inline">
                        <li><a href="#">学生</a><span>|</span></li>
                        <li><a href="#">教职工</a><span>|</span></li>
                        <li><a href="#">校友</a><span>|</span></li>
                        <li><a href="#">考生与访客</a><span>|</span></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <ul class="list-inline">
                        <li><a href="#"><img src="images/icon01.png" alt="信息门户">&nbsp;&nbsp;信息门户</a></li>
                        <li><a href="#"><img src="images/icon02.png" alt="办公系统">&nbsp;&nbsp;办公系统</a></li>
                        <li><a href="#"><img src="images/icon03.png" alt="邮件系统">&nbsp;&nbsp;邮件系统</a></li>
                    </ul>
                </div>
                <!-- <div class="clearfix visible-xs-block"></div> -->
                <div class="col-xs-12 col-sm-3 col-sm-offset-2">
                    <div class="form-group">
                        <form action="" method="get" name="search" class="form-inline">
                            <input type="text" placeholder="SEARCH..." class="form-control form-control-xxx"
                                id="topInput" style="background-color:#d9edf7;">
                            <button class="btn btn-default" style="background-color:#d9edf7;" id="topButton"><img
                                    src="images/icon_search.png" alt="提交"></button>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="nav-fixed" style="z-index: 999;">
        <div class="container" style="background-color: #fff;">
            <div class="col-xs-7 col-sm-3">
                <div class="logo">
                    <a href="#"><img src="images/logo.png" class="img-responsive" alt="logo"></a>
                </div>
            </div>
            <div class="col-xs-5 col-sm-8 col-sm-offset-1" style="padding-top: 25px;">
                <nav class="navbar navbar-default" role="navigation" style="background-color: #fff; border: none;">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                                <span class="sr-only">切换导航</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="collapse navbar-collapse" id="example-navbar-collapse">
                            <ul class="nav navbar-nav">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        学校概况 <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">学校简介</a></li>
                                        <li><a href="#">学校领导</a></li>
                                        <li><a href="#">学校章程</a></li>
                                        <li><a href="#">学校校历</a></li>
                                        <li><a href="#">联系我们</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        机构设置 <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">重点学课</a></li>
                                        <li><a href="#">职能部门</a></li>
                                        <li><a href="#">直属单位</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        学科建设 <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">院系设置</a></li>
                                        <li><a href="#">硕士点建设</a></li>
                                        <li><a href="#">博士点建设</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <div class="banner container">
        <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
                <li data-target="#myCarousel" data-slide-to="3"></li>
                <li data-target="#myCarousel" data-slide-to="4"></li>
                <li data-target="#myCarousel" data-slide-to="5"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/wangluo2_2.jpg">
                </div>
                <div class="item">
                    <img src="images/kaixuela1_2.jpg">
                </div>
                <div class="item">
                    <img src="images/yantaohui-2.jpg">
                </div>
                <div class="item">
                    <img src="images/zhuanjiazhuanjia2018.6.23.jpg">
                </div>
                <div class="item">
                    <img src="images/zhaopin3.jpg">
                </div>
                <div class="item">
                    <img src="images/banner02.jpg">
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <div class="container content">
        <div class="part01">
            <div class="row">
                <div class="tit clearfix">
                    <h4>学校要闻</h4>
                    <a href="#">进入新闻网 ></a>
                    <div class="line"></div>
                </div>
            </div>
            <div class="news">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="newsone">
                            <a href="#"><img src="images/8177E88EC76DBF417A5EE6108EC_1B40F41D_402D4.jpg" alt="新闻图片01"
                                    class="img-responsive"></a>
                            <a href="#">
                                <h4>学校召开“不忘初心、牢记使命”主题教育工作部署会</h4>
                            </a>
                            <a href="#">
                                <p>9月12日下午，学校在常青校区科学报告厅召开“不忘初心 、牢记...</p>
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="newstwo">
                            <ul class="list-unstyled">
                                <li>
                                    <a href="#"><img src="images/6284E533154FB2CD58CFC092C8E_A2816CC9_6138B.png"
                                            alt="新闻图片02" class="img-responsive"></a>
                                    <div class="newstext">
                                        <a href="#">
                                            <h4>学校扎实开展“不忘初心、牢记使命” 主题教育集中学习</h4>
                                        </a>
                                        <a href="#">
                                            <p>9月21日，根据《中共武汉轻工大学委员会“不忘初心、牢记...</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#"><img src="images/E7596B084FEB089B7545ABB1964_706B5166_27B49.jpg"
                                            alt="新闻图片03" class="img-responsive"></a>
                                    <div class="newstext">
                                        <a href="#">
                                            <h4>学校召开民主党派和无党派人士 “不忘合作初心，继续携手...</h4>
                                        </a>
                                        <a href="#">
                                            <p>9月19日上午，党委统战部在行政楼一会议室主持召开“不忘合作...</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#"><img src="images/E5609A86E85FD91F7498B90AC79_F5AD5CBB_25E1B.jpg"
                                            alt="新闻图片04" class="img-responsive"></a>
                                    <div class="newstext">
                                        <a href="#">
                                            <h4>土建学院举行企业奖学金捐赠签订仪式</h4>
                                        </a>
                                        <a href="#">
                                            <p>​投桃报李，饮水思源。2019年9月19日，土建学院在行政楼第四会议...</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="newsthree">
                            <ul class="list-unstyled">
                                <li>
                                    <a href="#"><img src="images/83593841F56A69E7CB2AC3885F0_664EDC86_219EB.jpg"
                                            alt="新闻图片05" class="img-responsive"></a>
                                    <div class="newstext">
                                        <a href="#">
                                            <h4>【媒体聚焦】湖北日报：这所高校设立投资思维“训练营” ...</h4>
                                        </a>
                                        <a href="#">
                                            <p>9月20日下午，“菁英奖助学金”捐赠仪式在武汉轻工大学举行，资金...</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#"><img src="images/DDE3A65B1A77314864EE4A470CD_5BBF5436_5CEAD.png"
                                            alt="新闻图片06" class="img-responsive"></a>
                                    <div class="newstext">
                                        <a href="#">
                                            <h4>感恩轻工大 助力求职路 近30家校友企业回母校“招兵买...</h4>
                                        </a>
                                        <a href="#">
                                            <p>9月19日下午，由校招毕处、土建学院及其广东校友分会、深圳市装饰...</p>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <a href="#"><img src="images/E59E3A50FAA3EDDB4A159E9CD9E_CA4DE947_8F34B.png"
                                            alt="新闻图片07" class="img-responsive"></a>
                                    <div class="newstext">
                                        <a href="#">
                                            <h4>“青春告白祖国”系列活动之三 电气学院用成人礼仪式迎新生</h4>
                                        </a>
                                        <a href="#">
                                            <p>“敬尔威仪，淑慎尔德。眉寿万年，永受胡福”。日前，一场别开生面...</p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="part02">
            <div class="tit">
                <h4>专题网站</h4>
                <a href="#">更多 ></a>
                <div class="line"></div>
            </div>
            <div class="special clearfix">
                <div class="bd">
                    <ul style="left: -310px" id="bd_ul" class="list-unstyled">
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/26BCF3FEFF8B99756EDFA4C9108_42FBBE78_284F.png"
                                        alt="国家富硒研发中心" width="290px" height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">国家富硒研发中心</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/zt01.png" alt="网上迎新系统" width="290px" height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">网上迎新系统</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/zt02.png" alt="学习贯彻党的十九大精神" width="290px"
                                        height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">学习贯彻党的十九大精神</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/zt03.png" alt="“两学一做”专题" width="290px" height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">“两学一做”专题</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/zt04.png" alt="信息公开网" width="290px" height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">信息公开网</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/26BCF3FEFF8B99756EDFA4C9108_42FBBE78_284F.png"
                                        alt="国家富硒研发中心" width="290px" height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">国家富硒研发中心</a>
                            </div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#"><img src="images/zt01.png" alt="网上迎新系统" width="290px" height="105px"></a>
                            </div>
                            <div class="txt">
                                <a href="#">网上迎新系统</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="container clearfix">
            <div id="footertop">
                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                        <ul class="list-unstyled list-inline footertopul">
                            <div class="row">
                                <div class="col-xs-6">
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon11.png" alt="国硒中心"><a href="#">国硒中心</a></li>
                                    </div>
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon07.png" alt="人才招聘"><a href="#">人才招聘</a></li>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon13.png" alt="心理咨询"><a href="#">心理咨询</a></li>
                                    </div>
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon16.png" alt="招标采购"><a href="#">招标采购</a></li>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-6">
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon08.png" alt="校历"><a href="#">校历</a></li>
                                    </div>
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon10.png" alt="信息公开"><a href="#">信息公开</a></li>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon14.png" alt="校园地图"><a href="#">校园地图</a></li>
                                    </div>
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon17.png" alt="形象宣传片"><a href="#">形象宣传片</a></li>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xs-6">
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon09.png" alt="图书馆"><a href="#">图书馆</a></li>
                                    </div>
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon12.png" alt="云盘"><a href="#">云盘</a></li>
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon15.png" alt="校友之家"><a href="#">校友之家</a></li>
                                    </div>
                                    <div class="col-sm-1.5">
                                        <li><img src="images/icon18.png" alt="学校捐赠"><a href="#">学校捐赠</a></li>
                                    </div>
                                </div>
                            </div>
                        </ul>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <ul class="list-unstyled footertopultwo">
                            <div class="row">
                                <div class="col-xs-3 col-sm-3">
                                    <li><a href="#"><img src="images/icon20.png" alt="书记邮箱"></a><a href="#">书记邮箱</a>
                                    </li>
                                </div>
                                <div class="col-xs-3 col-sm-3">
                                    <li><a href="#"><img src="images/icon21.png" alt="校长信箱"></a><a href="#">校长邮箱</a>
                                    </li>
                                </div>
                                <div class="col-xs-3 col-sm-3">
                                    <li><a href="#"><img src="images/icon22.png" alt="官方微信"></a><a href="#">官方微信</a>
                                    </li>
                                </div>
                                <div class="col-xs-3 col-sm-3">
                                    <li><a href="#"><img src="images/icon23.png" alt="官方微博"></a><a href="#">官方微博</a>
                                    </li>
                                </div>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="clearfix container-fulid" id="footerbottom">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                    <p>版权所有 &copy; 武汉轻工大学 鄂ICP备15021561号-1 鄂公网安备420112020000327号</p>
                    <p>常青校区：湖北省武汉市常青花园学府南路68号 邮编：430023</p>
                    <p>金银湖校区： 湖北省武汉市东西湖区环湖中路36号 邮编：430048</p>
                    </div>
                    <div class="clearfix visible-xs"></div>
                    <div class="col-xs-12 col-sm-6 clearfix" id="footerbottomul">
                    <ul class="list-unstyled list-inline" style="float: left;">
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">新闻投稿</a></li>
                        <li><a href="#">网络中心</a></li>
                    </ul>
                    <img src="images/bszs.png" alt="标识证书" style="float: right;">
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="./scripts/index.js"></script>
</body>

</html>